<template>
  <div>
    <NoticeBar left-icon="volume-o"
      :text="textList.map((i, index) => (index + 1) + '. ' + i.text).join('             ')" />
  </div>
</template>
<script setup lang="ts">
import {
  NoticeBar,
} from 'vant';
import { ref } from 'vue';

const textList = ref([
  { text: '卡券变现不再难！平台全力打造高效回收体系，回收卡券，秒提现，每一笔交易都安全可靠，为你保驾护航！' },
]);
// const state = ref<ListState<{ url: string }>>({
//   data: [],
//   loading: false,
//   total: 0,
// });

// const fetchData = async () => {
//   try {
//     state.value.loading = true;
//     const { data } = await getSwiperList();
//     state.value.data = data.data;
//     state.value.total = data.data?.length || 0;
//   } catch (error) {
//     //
//   } finally {
//     state.value.loading = false;
//   }
// };

// onMounted(() => {
//   fetchData();
// });
</script>
<style lang="less" scoped>
.notice-swipe {
  height: 40px;
  line-height: 40px;
}
</style>
